{template "content","header"}






         <!-- Content Start -->
         <div id="main">
            <!-- Slider Start轮播-->
            <div class="fullwidthbanner-container">
               <div class="fullwidthbanner rslider">
                  <ul>
{pc:content  action="position" posid="1"  order="listorder DESC" thumb="1" num="5"}
{loop $data $r}
                     <!-- THE FIRST SLIDE -->
                     <li data-delay="6000" data-masterspeed="300" data-transition="fade">
                        <div class="slotholder">
							<img  title="{str_cut($r['title'],30)}" src="{$r['thumb']}" data-fullwidthcentering="on" alt="{$r['title']}">
						</div>
                     </li>
{/loop}
{/pc}
                     <!-- THE RESPONSIVE SLIDE -->
                     <li data-transition="fade" data-slotamount="1" data-masterspeed="300">
                        <img src="{IMG_PATH}ting_en/img/slider/slider-bg-2.jpg" data-fullwidthcentering="on" alt="">
                     </li>
                  </ul>
               </div>
            </div>
            <!-- Slider End--> 
               <br />
          

                    

            <!-- Recent works start-->
            <div class="recentworks bottom-pad">
               <div class="container">
                  <div class="row">
				  

{pc:get sql="SELECT * FROM te_page where catid=6"}
{loop $data  $val}
                     <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 animate_afl d1" style=" width:75%;">
                        <div class="portfolio-desc">
                           <h3 class="title">{$val['title']}</h3>
                           <p>
									{str_cut(strip_tags($val[content]),860,"")}...
						   </p>
                           <div class="carousel-controls">
                              <a class="prev" href="#portfolio-carousel" data-slide="prev"><i class="icon-angle-left"></i></a>
                              <a class="next" href="#portfolio-carousel" data-slide="next"><i class="icon-angle-right"></i></a>
                              <div class="clearfix"></div>
                           </div>
                        </div>
                     </div>
					 {php $page_data = get_page(6);}
{loop $page_data['images'] $img}


                     <div class="col-lg-9 col-md-9 col-xs-12" style=" width:25%;">
                        <div class="row">
                           <div id="portfolio-carousel" class="portfolio-carousel slide">
                              <div class="carousel-inner">
                                 <div class="item active">
                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 item animate_afc d2" style=" width:100%;">
                                       <div class="portfolio-item">
                                          <a href="{$img}" class="portfolio-item-link" data-rel="prettyPhoto" >
                                          <span class="portfolio-item-hover"></span>
                                          <span class="fullscreen"><i class="icon-search"></i></span><img src="{$img}" alt=" "/>
                                          </a>
                                          <div class="portfolio-item-title">
                                             <a href="single-project.html">图片名称</a>
                                          </div>
                                          <div class="clearfix"></div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="item">
                                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 item animate_afc d3" style=" width:100%;">
                                       <div class="portfolio-item">
                                          <a href="{$img}" class="portfolio-item-link" data-rel="prettyPhoto" >
                                          <span class="portfolio-item-hover"></span><span class="fullscreen"><i class="icon-search"></i></span><img src="{$img[1]}" alt=" "/>
                                          </a>
                                          <div class="portfolio-item-title">
                                             <a href="single-project.html">图片名称</a>
                                          </div>
                                          <div class="clearfix"></div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="clearfix"></div>
                        </div>
                     </div>
					 {/loop}
{/loop}
{/pc} 
                  </div>
               </div>
            </div>
            <!-- Recent work end-->
           
             <!-- Latest Posts start --> 
            <div class="latest-posts">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 col-md-12 com-sm-12 col-xs-12">
                        <h3 class="title">顶级音响</h3>
                     </div>
                     <div class="clearfix"></div>
                     <div class="blog-showcase col-lg-12 col-md-12 col-sm-12 col-xs-12 animate_afb d1">
                        <ul>
{pc:content  action="lists" catid="7" order="updatetime DESC" thumb="1" num="6" return="info"}
{loop $info $v}
{php $ll++}
{if $ll%4==0}<br/>{/if}
                           <li class="">
                              <div class="blog-showcase-thumb col-lg-4" style=" width:277px;">
                                 <div class="post-body">
                                    <a class="post-item-link" href="{$v[thumb]}" data-rel="prettyPhoto">
                                        <span class="post-item-hover"></span>
                                        <span class="fullscreen">
                                        </span>
                                        <img alt="" src="{thumb($v[thumb],262,198)}" width="100%" height="100%" >
                                    </a>
                                 </div>
                              </div>
                              <div class="blog-showcase-extra-info col-lg-4" style=" width:277px;">
                                 
                                 <h4><a href="{$v['url']}" class="title">{str_cut($v['title'],28)}</a></h4>
                                 <p>{str_cut($v['description'],150)}</p>
                                 <a href="{$v['url']}">Read more </a>
                              </div>
                           </li>
{/loop}
{/pc}  
                          
                           
						   
                        </ul>
                        <div class="clearfix"></div>
                     </div>
                  </div>
                  <div class="divider"></div>
               </div>
            </div>
            <!-- Latest Posts End -->
           
         </div>
         <!-- Content End -->













  <!-- The Scripts -->
      <script src="{JS_PATH}ting_en/js/jquery.min.js"></script>
      <script src="{JS_PATH}ting_en/js/bootstrap.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.parallax.js"></script> 
      <script src="{JS_PATH}ting_en/js/modernizr-2.6.2.min.js"></script> 
      <script src="{JS_PATH}ting_en/js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.nivo.slider.pack.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.prettyPhoto.js"></script>
      <script src="{JS_PATH}ting_en/js/superfish.js"></script>
      <script src="{JS_PATH}ting_en/js/tweetMachine.js"></script>
      <script src="{JS_PATH}ting_en/js/tytabs.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.gmap.min.js"></script>
      <script src="{JS_PATH}ting_en/js/circularnav.js"></script>
      <script src="{JS_PATH}ting_en/js/jquery.sticky.js"></script>
      <script src="{JS_PATH}ting_en/js/jflickrfeed.js"></script>
      <script src="{JS_PATH}ting_en/js/imagesloaded.pkgd.min.js"></script>
      <script src="{JS_PATH}ting_en/js/waypoints.min.js"></script>
      <script src="{JS_PATH}ting_en/js/spectrum.js"></script>
      <script src="{JS_PATH}ting_en/js/switcher.js"></script>
      <script src="{JS_PATH}ting_en/js/custom.js"></script>






{template "content","footer"}